<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <title>{$config["sitename"]}个人中心首页</title>
    <link rel="stylesheet" href="__ADDON__/css/member_v2.css?v={:config('app_version')}">
    <!--主体内容从上到上样式-->
    <link rel="stylesheet" href="__ADDON__/css/aniamte.css">
</head>

<body>
{include file="common/top" /}
<!-- 侧边栏 end -->

<!-- 主内容 -->
<link rel="stylesheet" href="__ADDON__/css/home_v2.css">
<div class="main">
    <div class="wrapper">
        <!--面包屑-->
        <div class="m-top">
            <ul class="breadcrumb">
                <li><a href="{:addon_url('media/index/index')}">首页</a><span class="gt">&gt;</span></li>
                <li>用户中心</li>
            </ul>
        </div>
        <!--面包屑 end-->

        <div class="container fadeInUp">
            <div class="box">
                <div class="box-title">
                    <span class="title gray"><img src="__ADDON__/images/ai-title-xian.png"><h4>营销推广</h4>—新颖有趣玩法，让互联网营销简单化</span>
                    <span class="more"><a href="https://www.apinxuan.com/marketing" target="_blank">更多<img src="__ADDON__/images/ai-more.png"></a></span>
                </div>
                <div class="box-container">
                    <ul class="clearfix">
                        <li>
                            <div class="hovertop">
                                <span><img src="__ADDON__/images/ai-home-pic7.png"></span>
                                <span><strong>软文营销</strong></span>
                                <span>13000家网络媒体+媒体资源</span>
                                <span><a class="hovertop goumai"  href="/index.php/member/goods/release.html">查看详情</a></span>
                            </div>
                        </li>
                        <li>
                            <div class="hovertop">
                                <span><img src="__ADDON__/images/ai-home-pic6.png"></span>
                                <span><strong>软文套餐</strong></span>
                                <span>企业营销</span>
                                <span><a class="hovertop goumai" target="_blank" href="https://www.apinxuan.com/taocan">查看详情</a></span>
                            </div>
                        </li>
                        <li>
                            <div class="hovertop">
                                <span><img src="__ADDON__/images/ai-home-pic8.png"></span>
                                <span><strong>媒体价格</strong></span>
                                <span>收录好、发布快</span>
                                <span><a class="hovertop goumai" href="https://www.apinxuan.com/index.php/member/goods/release.html?a=baojia">查看详情</a></span>
                            </div>
                        </li>
                        <li>
                            <div class="hovertop">
                                <span><img src="__ADDON__/images/ai-home-pic10.png"></span>
                                <span><strong>文案撰写</strong></span>
                                <span>编辑为您服务</span>
                                <span><a class="hovertop goumai" target="_blank" href="https://www.apinxuan.com/marketing/product_28.html">查看详情</a></span>
                            </div>
                        </li>
                        <li>
                            <div class="hovertop">
                                <span><img src="__ADDON__/images/ai-home-pic5.png"></span>
                                <span><strong>商标注册</strong></span>
                                <span>商标注册，免费查询</span>
                                <span><a class="hovertop goumai" target="_blank" href="https://www.apinxuan.com/brand">查看详情</a></span>
                            </div>
                        </li>
                        <!--<li>-->
                        <!--<div class="hovertop">-->
                        <!--<span><img src="__ADDON__/images/ai-home-pic9.png"></span>-->
                        <!--<span><strong>互动游戏营销</strong></span>-->
                        <!--<span>互动游戏、朋友圈游戏</span>-->
                        <!--<span><a class="hovertop goumai" target="_blank" href="https://www.apinxuan.com/">查看详情</a></span>-->
                        <!--</div>-->
                        <!--</li>-->
                    </ul>
                </div>
            </div>
            <!--<div class="box">-->
            <!--<div class="box-title">-->
            <!--<span class="title gray"><img src="__ADDON__/images/ai-title-xian.png"><h4>基础营销</h4>—是企业进行互联网营销的基础</span>-->
            <!--<span class="more"><a href="https://www.apinxuan.com/marketing" target="_blank">更多<img src="__ADDON__/images/ai-more.png"></a></span>-->
            <!--</div>-->
            <!--<div class="box-container ">-->
            <!--<ul class="clearfix">-->

            <!--<li>-->
            <!--<div class="hovertop">-->
            <!--<span><img src="__ADDON__/images/ai-home-pic1.png"></span>-->
            <!--<span><strong>官网建站</strong></span>-->
            <!--<span>自由拖拽、随时修改</span>-->
            <!--<span><a class="hovertop goumai" target="_blank" href="https://www.apinxuan.com/">查看详情</a></span>-->
            <!--</div>-->
            <!--</li>-->
            <!--<li>-->
            <!--<div class="hovertop">-->
            <!--<span><img src="__ADDON__/images/ai-home-pic3.png"></span>-->
            <!--<span><strong>商城建站</strong></span>-->
            <!--<span>上千套模板任意选择</span>-->
            <!--<span><a class="hovertop goumai" target="_blank" href="https://www.apinxuan.com/">查看详情</a></span>-->
            <!--</div>-->
            <!--</li>-->
            <!--<li>-->
            <!--<div class="hovertop">-->
            <!--<span><img src="__ADDON__/images/ai-home-pic2.png"></span>-->
            <!--<span><strong>轻站小程序</strong></span>-->
            <!--<span>快速搭建小程序</span>-->
            <!--<span><a class="hovertop goumai" target="_blank" href="https://www.apinxuan.com/">查看详情</a></span>-->
            <!--</div>-->
            <!--</li>-->
            <!--<li>-->
            <!--<div class="hovertop">-->
            <!--<span><img src="__ADDON__/images/ai-home-pic4.png"></span>-->
            <!--<span><strong>H5微传单</strong></span>-->
            <!--<span>千套模板、趣味定制</span>-->
            <!--<span><a class="hovertop goumai" target="_blank" href="https://www.apinxuan.com/">查看详情</a></span>-->
            <!--</div>-->
            <!--</li>-->
            <!--</ul>-->
            <!--</div>-->
            <!--</div>-->
            <div class="box">
                <div class="box-title">
                    <span class="title gray"><img src="__ADDON__/images/ai-title-xian.png"><h4>新闻资讯</h4>—行业最新相关资讯</span>
                    <span class="more"><a href="https://www.apinxuan.com/news" target="_blank">更多<img src="__ADDON__/images/ai-more.png"></a></span>
                </div>
                <div class="box-container news">
                    <ul class="clearfix">
                        <div>
                            {volist name="data_posts" id="vol"}
                            <li>
                                <span class="word"><a href="/news/detail_{$vol['id']}.html" target="_blank"><em>【{if condition="$vol['channel'] eq 5"}营销资讯{else/}企业营销{/if}】</em>{$vol["title"]}</a></span>
                                <span class="time">{$vol["create_time"]}</span>
                            </li>
                            {/volist}
                        </div>
                        <div class="margin">
                            {volist name="data_notice" id="vol"}
                            <li>
                                <span class="word"><a href="/news/detail_{$vol['id']}.html" target="_blank"><em>【通知公告】</em>{$vol["title"]}</a></span>
                                <span class="time">{$vol["create_time"]}</span>
                            </li>
                            {/volist}
                        </div>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--会员公告通知-->
<div class="dialog_blank"></div>
<div class="dialog"  style="display:none;">
    <a href="javascript:void(0)" {if condition="$mobilevalidate eq 0"}style="display:none"{/if} class="dialog_close">关闭</a>
    <div class="dialog_inside">
        {if condition="$mobilevalidate eq 0"}
        <div class="openWindow_title">实名认证</div>
        <div class="openWindow_text">
            <form id="form1" name="form1" method="post" action="" onsubmit="return __smyz()" class="validform">
                <table width="100%">
                    <tbody>
                    <tr>
                        <td class="right" width="10%">状态</td>
                        <td class="left">未验证</td>
                    </tr>
                    <tr>
                        <td class="right" width="10%">手机</td>
                        <td class="left">
                            <div style="position: relative;">
                                <input class="text" placeholder=" 手机号码" id="mobile" value="{$current_user.mobile}" name="mobile" maxlength="12" datatype="m" nullmsg="请输入手机号码，忘记密码找回需用" style="width:40%;" type="text"><span class="Validform_checktip"></span>
                                <span style="position:absolute;left:27.5%;top:3px;cursor: pointer;color:#fff;background:#069;padding:3px 8px;border-radius:3px" id="J_top_get_code">发送验证码</span>
                                <!--<a href="###" style="position:absolute;left:37.5%;top:3px;">这个手机号已不再使用？</a>-->
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="right" width="10%">验证码</td>
                        <td class="left">
                            <input class="text" placeholder=" 验证码" id="yzm" value="" name="yzm" maxlength="12" style="width:25%;" type="text"><span class="Validform_checktip"></span>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" class="left">
                            <span class="menu" style="margin-left:10%; text-align:left;">{:token()}
                                <input value="确定" class="margin menu-org" style="border-radius: 4px;color: #fff;font-size: 16px;height:39px;line-height: 39px;margin:0 0 0 60px;padding: 0 35px;" type="submit">
                            </span>
                        </td>
                    </tr>
                    </tbody>

                </table>
            </form>
        </div>
        {else/}
        {volist name="data_notice" id="vol"}
        <div class="openWindow_title">{$vol["title"]}</div>
        <div class="openWindow_text">
            {$vol["content"]}
        </div>
        {/volist}
        {/if}
    </div>
</div>

<script type="text/javascript">
    var menu="";
    var submenu=""

    $(function () {
        if({:count($data_notice)}>0 && !isMobile()){
            $(".dialog_blank").css({"width":"100%","height":"100%"});
            $('.dialog_blank,.dialog').show();
        }
        $(".dialog_close").click(function () {
            $('.dialog_blank,.dialog').hide();
        })

        //发送验证码
        $("#J_top_get_code").click(function(){
            var _this = $(this);
            var mobile = $("input[name='mobile']");
            if( mobile.val() == ''){
                alert("请输入手机号！");
                return false;
            }
            $.ajax({
                url:"/index.php/home/Login/sendsms",
                data:{mobile:mobile.val(),"__token__":$("input[name='__token__']").val()},
                type: "post",
                dataType:'json',
                beforeSend:function(){
                    _this.attr('disabled', true).html('正在发送验证码');
                },
                success:function(r){
                    if(r.code){
                        _this.html('验证码已发送');
                        var mobile_code_wait = 120;//60S倒计时
                        var mobile_time_interval = setInterval(function(){
                            //如果时间结束，消除
                            if(mobile_code_wait==-1){
                                clearInterval(mobile_time_interval);
                                _this.html("重发验证码").attr('disabled', false);
                            }else{
                                _this.html(mobile_code_wait+'秒后重发');
                                mobile_code_wait--;
                            }
                        }, 1000);//每1S跳一次
                    }else{
                        _this.attr('disabled', false).html('获取验证码');
                        //seajs.use("main", function(i){i.notice(r.msg, 'danger', false)});
                        alert(r.msg+",请重新刷新页面！")
                    }
                },
                error:function(){
                    _this.attr('disabled', false).html('获取验证码');
                    //seajs.use("main", function(i){i.notice('系统错误！', 'danger', false)});
                    alert("系统错误")
                }
            });
            return false;
        })

    })

    function __smyz() {

        var mobile = $("input[name='mobile']");
        if( mobile.val() == ''){
            alert("请输入手机号！");
            return false;
        }
        var yzm = $("input[name='yzm']");
        if( yzm.val() == ''){
            alert("请输入验证码！");
            return false;
        }
        $.post("/index.php/member/Index/index",{"mobile":mobile.val(),"yzm":yzm.val()},function (data) {
            alert(data.msg);
            if(data.code){
                $('.dialog_blank,.dialog').hide();
            }
        },"json")
        return false;
    }

    function isMobile() {
        var userAgentInfo = navigator.userAgent;

        var mobileAgents = [ "Android", "iPhone", "SymbianOS", "Windows Phone", "iPad","iPod"];

        var mobile_flag = false;

        //根据userAgent判断是否是手机
        for (var v = 0; v < mobileAgents.length; v++) {
            if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
                mobile_flag = true;
                break;
            }
        }

        var screen_width = window.screen.width;
        var screen_height = window.screen.height;

        //根据屏幕分辨率判断是否是手机
        if(screen_width < 500 && screen_height < 800){
            mobile_flag = true;
        }

        return mobile_flag;
    }
</script>
<!-- 主内容 end -->

<!-- 底部 -->
{include file="common/bottom" /}
</body>
</html>